.fatherBox {
  width: 100%;
  height: 100vh;
  background: linear-gradient(180deg, #65ae9e, #cde9ea);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fatherBox .title {
  color: #fff;
  margin-bottom: 20px;
  font-size: 36px;
}
.fatherBox .ant-form {
  width: 500px;
  margin-bottom: 150px;
}
.fatherBox .ant-form .ant-form-item .ant-input-affix-wrapper {
  height: 50px;
  background-color: #d0e7e1;
  border-radius: 25px;
}
.fatherBox .ant-form .ant-form-item .ant-form-item-control-input-content {
  display: flex;
  justify-content: flex-start;
}
.fatherBox .ant-form .ant-form-item .rememberCheck {
  margin-left: 5px;
  color: #21754e;
}
.fatherBox .ant-form .ant-form-item .rememberCheck .ant-checkbox-inner:hover {
  background-color: #04c771;
}
.fatherBox .ant-form .ant-form-item :where(.css-dev-only-do-not-override-5uvb3z).ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
  background-color: #04c771;
  border-color: transparent;
  border: #04c771;
}
.fatherBox .ant-form .ant-form-item :where(.css-dev-only-do-not-override-5uvb3z).ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
.fatherBox .ant-form .ant-form-item :where(.css-dev-only-do-not-override-5uvb3z).ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
  border-color: #04c771;
}
.fatherBox .ant-form .ant-form-item .ant-checkbox-wrapper-checked .ant-checkbox-inner {
  background-color: #04c771;
  border: #04c771;
}
.fatherBox .ant-form .ant-form-item .login-button {
  font-size: 18px;
  height: 50px;
  width: 100%;
  border: none;
  background: linear-gradient(90deg, #44d990 0%, #04c771 100%);
  border-radius: 25px;
}
